(7636) Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023) - YouTube

•

NaN / NaN

•

NaN / NaN
Back
PH
Search with your voice
Notifications
PH

Home
Shorts
Subscriptions
YouTube Music
You
Your channel
History
Playlists
Your videos
Your courses
Watch later
Liked videos
Downloads

Subscriptions

IShowSpeed
Matt Redman
Dry Bar Comedy
5-Minute Crafts TEENS
Nature Soundscapes
Predator Gaming PH
The Lofi Christian
Show more
Show less

Explore

Trending
Music
Movies
Gaming
News
Sports
Fashion & Beauty

More from YouTube

YouTube Studio
YouTube Music
YouTube Kids

Settings
Report history
Help
Send feedback
AboutPressCopyrightContact usCreatorsAdvertiseDevelopers
TermsPrivacyPolicy & SafetyHow YouTube worksTest new features
© 2024 Google LLC
Home
Home
Shorts
Shorts
Subscriptions
Subscriptions
YouTube Music
YouTube Music
You
You
Downloads
Downloads
All Shorts Videos Unwatched Watched Recently uploaded Live
Search filters
Code With Antonio
Code With Antonio

Verified
@codewithantonio•357K subscribers
My name is Antonio and I am a software engineer with over 7 years of experience. I have always been fascinated by the world of ...
<__slot-el>
<__slot-el>
14 videos
Now playing

Learn Next & React and get Hired!

Code With Antonio · Playlist
Code With Antonio · Playlist

Verified
•
•
  • Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)
    4:13:20
  • Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)
    4:33:25
View full playlist
49:47
49:47
Now playing

The Complete Guide To Building A REST API With Node, Express, TypeScript & MongoDB + Authentication

Code With Antonio
Code With Antonio

Verified
•
•
273K views 1 year ago
Code With Antonio
Code With Antonio

Verified
In this video, we will be building a REST API with Node.js, Express and TypeScript. We will also be using MongoDB as our ... In this video, we will be building a REST API with Node.js, Express and TypeScript. We will also be using MongoDB as our ...
From the video description
11 chapters
Intro | Environment setup | Setup Express server | MongoDB Setup | Creating User Model | Helpers for authentication | Authentication controllers | Authentication routing and logging in | Middelware creation | Users controller and routing | Wrap up
11 chapters in this video
11 chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

0:28

Environment setup

0:28

Setup Express server

Setup Express server

4:43

Setup Express server

4:43

MongoDB Setup

MongoDB Setup

8:18

MongoDB Setup

8:18

Creating User Model

Creating User Model

12:26

Creating User Model

12:26

Helpers for authentication

Helpers for authentication

18:13

Helpers for authentication

18:13

Authentication controllers

Authentication controllers

20:30

Authentication controllers

20:30
8:24:23
8:24:23
Now playing

Build a Real-Time Slack Clone With Nextjs, React, Tailwind, Auth.js | Part 1/2 (2024)

Code With Antonio
Code With Antonio

Verified
•
•
1.1M views 1 month ago
Code With Antonio
Code With Antonio

Verified
Hi all In this 15 hour tutorial split in two parts you will learn how to create an end-to-end fullstack and real-time slack clone, ... Hi all In this 15 hour tutorial split in two parts you will learn how to create an end-to-end fullstack and real-time slack clone, ...
From the video description
21 chapters
Intro & demo | Project setup | Authentication UI | Database setup | Github authentication | Google authentication | Password authentication | User button component | Workspace creation | Toolbar component | Sidebar component | Workspace Members | Workspace Header | Workspace preferences | Channels & members | Create channel functionality | Workspace Invite modal | Workspace join page | Channel page | Channel header | Editor component
21 chapters in this video
21 chapters

Intro & demo

Intro & demo

0:00

Intro & demo

0:00

Project setup

Project setup

2:29

Project setup

2:29

Authentication UI

Authentication UI

13:10

Authentication UI

13:10

Database setup

Database setup

35:04

Database setup

35:04

Github authentication

Github authentication

46:45

Github authentication

46:45

Google authentication

Google authentication

1:11:51

Google authentication

1:11:51

Password authentication

Password authentication

1:21:43

Password authentication

1:21:43
8:49:14
8:49:14
Now playing

Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)

Code With Antonio
Code With Antonio

Verified
•
•
587K views 1 year ago
Code With Antonio
Code With Antonio

Verified
Master the art of building a real-time Messenger clone using the latest web development technologies. In this comprehensive ... Master the art of building a real-time Messenger clone using the latest web development technologies. In this comprehensive ...
From the video description
16 chapters
Intro | Environment setup | Auth Setup | Auth UI | MongoDB, Prisma setup | NextAuth Setup | Register Functionality | Login Functionality and Social Login (Google and Github) | Sidebar, Navigation and Layout | Users screen and Conversations screen, Conversation Creation | Messages creation, Message Image upload | Profile Drawer | Settings functionality, Modal component | Group chat functionality, Image Modal, Loading states | Real time messages, conversations, read receipts and active status with Pusher | Deploy to Vercel, fix Google and Github social sign in in deployment
16 chapters in this video
16 chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:16

Environment setup

2:16

Auth Setup

Auth Setup

8:18

Auth Setup

8:18

Auth UI

Auth UI

15:30

Auth UI

15:30

MongoDB, Prisma setup

MongoDB, Prisma setup

58:53

MongoDB, Prisma setup

58:53

NextAuth Setup

NextAuth Setup

1:17:54

NextAuth Setup

1:17:54

Register Functionality

Register Functionality

1:32:20

Register Functionality

1:32:20

Shorts

Recursion Explained In 60 Seconds

519K views

How To Visualize JSON Files

164K views

Code for your own AI API ⭐️⭐️

6.2K views

What is the difference between JavaScript and TypeScript ?! #tech #coding #stem

12K views

coding is shockingly uncomplicated

10M views

Did Python just REPLACE JavaScript!?👩‍💻 #programming #tech #technology #software #developer #code

938K views
6:48:00
6:48:00
Now playing

Full Stack Spotify Clone: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)

Code With Antonio
Code With Antonio

Verified
•
•
556K views 1 year ago
Code With Antonio
Code With Antonio

Verified
Build a Full Stack Spotify Clone with Next 13.4, React, Tailwind, Supabase, PostgreSQL, and Stripe in 2023! In this ... Build a Full Stack Spotify Clone with Next 13.4, React, Tailwind, Supabase, PostgreSQL, and Stripe in 2023! In this ...
From the video description
14 chapters
Intro | Environment setup | Layout | Supabase setup | Supabase Types | Providers for auth and supabase | Authentication modal and functionality | Upload modal and functionality | Songs fetching and list display | Favorites functionality | Player functionality | Stripe integration | Subscribe modal and account page | Deployment
14 chapters in this video
14 chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:05

Environment setup

2:05

Layout

Layout

9:47

Layout

9:47

Supabase setup

Supabase setup

56:21

Supabase setup

56:21

Supabase Types

Supabase Types

1:18:01

Supabase Types

1:18:01

Providers for auth and supabase

Providers for auth and supabase

1:23:29

Providers for auth and supabase

1:23:29

Authentication modal and functionality

Authentication modal and functionality

1:48:17

Authentication modal and functionality

1:48:17
8:00:57
8:00:57
Now playing

Next Auth V5 - Advanced Guide (2024)

Code With Antonio
Code With Antonio

Verified
•
•
861K views 9 months ago
Code With Antonio
Code With Antonio

Verified
Learn how to add advanced authentication to your NextJS App. Key Features: - Next-auth v5 (Auth.js) - Next.js 14 with server ... Learn how to add advanced authentication to your NextJS App. Key Features: - Next-auth v5 (Auth.js) - Next.js 14 with server ...
From the video description
23 chapters
Intro & Demo | Project setup | Routing crash course | Home page | Card wrapper | Login form | Register form | Database & Prisma setup | Create user | Middleware & Login | Callbacks | OAuth (Google & Github) | Resend (Sending emails) | Email verification | Reset password email | Reset password form | Two factor authentication | User button | Server & Client example | Admin example | Settings page | Sponsor demo | Deployment
23 chapters in this video
23 chapters

Intro & Demo

Intro & Demo

0:00

Intro & Demo

0:00

Project setup

Project setup

2:05

Project setup

2:05

Routing crash course

Routing crash course

15:19

Routing crash course

15:19

Home page

Home page

38:06

Home page

38:06

Card wrapper

Card wrapper

48:40

Card wrapper

48:40

Login form

Login form

1:04:51

Login form

1:04:51

Register form

Register form

1:23:08

Register form

1:23:08

People also watched

11:49:45
11:49:45
Now playing

Build a Fullstack E-commerce using Next.js (react.js, mongo, tailwind, styled components)

Coding With Dawid
Coding With Dawid
•
•
856K views 1 year ago
Coding With Dawid
Coding With Dawid
In this tutorial, You will learn how to build a fullstack ecommerce app using next.js and mongo database. It will be 2 projects with a ... In this tutorial, You will learn how to build a fullstack ecommerce app using next.js and mongo database. It will be 2 projects with a ...
From the video description
18 chapters
Intro and demo | admin setup with tailwind | admin authentication | admin basic design | admin - products management | admin - categories management | admin - security | making admin mobile responsive | e-commerce front - featured product | front - latest products | add to cart | stripe checkout | admin - show orders | stripe webhook | front - all products page | single product page | making e-commerce front responsive | outro
18 chapters in this video
18 chapters

Intro and demo

Intro and demo

0:00

Intro and demo

0:00

admin setup with tailwind

admin setup with tailwind

3:25

admin setup with tailwind

3:25

admin authentication

admin authentication

7:51

admin authentication

7:51

admin basic design

admin basic design

28:32

admin basic design

28:32

admin - products management

admin - products management

51:51

admin - products management

51:51

admin - categories management

admin - categories management

3:03:06

admin - categories management

3:03:06

admin - security

admin - security

5:15:55

admin - security

5:15:55
9:20:59
9:20:59
Now playing

Build Chat App with React, Socket.io, Nodejs, Redux-Toolkit, MongoDB (2024)

Dynamic Coding with Amit
Dynamic Coding with Amit
•
•
83K views 5 months ago
Dynamic Coding with Amit
Dynamic Coding with Amit
Learn to build a real-time messaging Chat App using React, Socket.io, Node.js, Redux-Toolkit, and MongoDB with responsive. Learn to build a real-time messaging Chat App using React, Socket.io, Node.js, Redux-Toolkit, and MongoDB with responsive.
From the video description
7:51
7:51
Now playing

Next.js Server Actions... 5 awesome things you can do

Beyond Fireship
Beyond Fireship

Verified
•
•
272K views 1 year ago
Beyond Fireship
Beyond Fireship

Verified
A full tutorial and breakdown of the new Next.js Server Actions feature. Learn how to handle form submissions and implement ... A full tutorial and breakdown of the new Next.js Server Actions feature. Learn how to handle form submissions and implement ...
From the video description

4K

4 moments
MULTIPLE ACTIONS | COMPOSITION | CLIENT ACTIONS | OPTIMISTIC UPDATES
4 auto-generated moments in this video
4 moments

MULTIPLE ACTIONS

MULTIPLE ACTIONS

4:03

MULTIPLE ACTIONS

4:03

COMPOSITION

COMPOSITION

4:35

COMPOSITION

4:35

CLIENT ACTIONS

CLIENT ACTIONS

5:04

CLIENT ACTIONS

5:04

OPTIMISTIC UPDATES

OPTIMISTIC UPDATES

6:17

OPTIMISTIC UPDATES

6:17
9:46:46
9:46:46
Now playing

Build and Deploy a Fullstack Reddit Clone: Next.js 13, React, Tailwind, Auth, Prisma, MySQL

Josh tried coding
Josh tried coding
•
•
231K views 1 year ago
Josh tried coding
Josh tried coding
... Thanks to Code With Antonio for the thumbnail design inspiration! https://www.youtube.com/@codewithantonio -- Chapters 0:00 ... ... Thanks to Code With Antonio for the thumbnail design inspiration! https://www.youtube.com/@codewithantonio -- Chapters 0:00 ...
From the video description
24 chapters
Demo | Getting started | Building the Navbar | Authentication | Building a user-profile menu | Perfecting the authentication flow | Database modeling | Creating subreddits | Subreddit detail page | Joining and leaving subreddits | Creating posts (editor, image upload) | Displaying posts in a feed & infinite scrolling | Voting for posts | Advanced caching: Optimizing post performance | Creating an API for infinite scrolling | Custom feeds for logged in & logged out users | Creating a performance-optimized post detail page | Creating the comments section | Voting for comments | Replying to comments | Creating the search bar | Letting users change their username | Deployment to Vercel | Last tweaks and conclusion
24 chapters in this video
24 chapters

Demo

Demo

0:00

Demo

0:00

Getting started

Getting started

5:07

Getting started

5:07

Building the Navbar

Building the Navbar

9:24

Building the Navbar

9:24

Authentication

Authentication

30:44

Authentication

30:44

Building a user-profile menu

Building a user-profile menu

1:20:15

Building a user-profile menu

1:20:15

Perfecting the authentication flow

Perfecting the authentication flow

1:37:35

Perfecting the authentication flow

1:37:35

Database modeling

Database modeling

1:53:50

Database modeling

1:53:50
+6 more
11:13:27
11:13:27
Now playing

Build a Finance SaaS Platform With Nextjs, React, Honojs with CSV Upload (2024)

Code With Antonio
Code With Antonio

Verified
•
•
387K views 4 months ago
Code With Antonio
Code With Antonio

Verified
In this 11 hour tutorial, you will learn how to create your very own Finance SaaS Platform with ability to track your income and ... In this 11 hour tutorial, you will learn how to create your very own Finance SaaS Platform with ability to track your income and ...
From the video description
26 chapters
Intro & Demo | Additional information | Project setup | Authentication | Hono.js setup | Header component | Drizzle ORM & Neon Database | Accounts GET API | Accounts POST API | Data table component | Accounts bulk delete | Accounts edit | Categories (API + UI) | Transactions API | Transactions hooks | Transactions form | Transactions page | Transactions CSV import | Transactions account select | Summary API | Dashboard cards | Dashboard chart | Dashboard pie | Date & account filters | Deployment | Additional content
26 chapters in this video
26 chapters

Intro & Demo

Intro & Demo

0:00

Intro & Demo

0:00

Additional information

Additional information

4:53

Additional information

4:53

Project setup

Project setup

5:02

Project setup

5:02

Authentication

Authentication

13:01

Authentication

13:01

Hono.js setup

Hono.js setup

42:18

Hono.js setup

42:18

Header component

Header component

1:10:49

Header component

1:10:49

Drizzle ORM & Neon Database

Drizzle ORM & Neon Database

1:46:27

Drizzle ORM & Neon Database

1:46:27
10:41:04
10:41:04
Now playing

Build a Course & LMS Platform: Next 13, React, Stripe, Mux, Prisma, Tailwind, MySQL | Udemy Clone

Code With Antonio
Code With Antonio

Verified
•
•
463K views 1 year ago
Code With Antonio
Code With Antonio

Verified
In this 10 hour tutorial you are going to learn how to create your very own LMS (Learning Management System) platform. We are ... In this 10 hour tutorial you are going to learn how to create your very own LMS (Learning Management System) platform. We are ...
From the video description
38 chapters
Intro & Demo | Environment setup | Folders setup | Authentication | Layout | Dynamic Layout | Course Creation UI | Prisma & DB setup | Course Creation API | Course Edit Page UI | Course Title Form | Course Description Form | UploadThing & Image Form | Course Category Form | Course Price Form | Course Attachment Form | Prisma schema finalization | Chapter Creation API | Chapter Reorder Functionality | Chapter Edit Page UI | Chapter Description Form | Chapter Access Form | Mux Setup & Chapter Video Form | Chapter Publish Action | Course Publish Action | Courses Data Table | Categories Query | Search Query | Course Grid & Card UI | Course & Chapters Layout | Chapter HLS Video Player | Course Purchase UI | Stripe Integration | Chapter Progress Functionality | Student Dashboard | Teacher Analytics Dashboard | (Optional) Admin Protection | Deployment
38 chapters in this video
38 chapters

Intro & Demo

Intro & Demo

0:00

Intro & Demo

0:00

Environment setup

Environment setup

8:55

Environment setup

8:55

Folders setup

Folders setup

19:28

Folders setup

19:28

Authentication

Authentication

35:14

Authentication

35:14

Layout

Layout

48:01

Layout

48:01

Dynamic Layout

Dynamic Layout

1:16:22

Dynamic Layout

1:16:22

Course Creation UI

Course Creation UI

1:26:55

Course Creation UI

1:26:55

Shorts

Did Python just REPLACE JavaScript!?👩‍💻 #programming #tech #technology #software #developer #code

938K views
New

BLUM TRACK QUEST CODE | Blum new code 3 October

33K views

How I would learn to code

916K views

🛑 Code to build a chatbot 🛑

4.2K views

5 Years of Coding in under a Minute #shorts

5.4M views

Summer Ready with SunBum Unboxing + Promo Code CAT15 | Cat Arambulo-Antonio

583 views
4:13:20
4:13:20
Now playing

Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

Code With Antonio
Code With Antonio

Verified
•
•
661K views 1 year ago
Code With Antonio
Code With Antonio

Verified
(CC) Blender Foundation | mango.blender.org (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute ... (CC) Blender Foundation | mango.blender.org (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute ...
From the video description
13 chapters
Intro | Environment setup | Auth Screen UI | NextAuth, Prisma, Mongo Setup | Google and Github OAuth | Protecting routes, Profiles screen | Navbar Component | Billboard Component, Random Movie Endpoint | Movie List & Movie Card Components, Movies Endpoint, Cool hover effect | Favorites / My List functionality | Play Button, Video Player, Single Movie Endpoint | Info Modal Component | Vercel Deployment
13 chapters in this video
13 chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:05

Environment setup

2:05

Auth Screen UI

Auth Screen UI

8:47

Auth Screen UI

8:47

NextAuth, Prisma, Mongo Setup

NextAuth, Prisma, Mongo Setup

34:58

NextAuth, Prisma, Mongo Setup

34:58

Google and Github OAuth

Google and Github OAuth

1:20:39

Google and Github OAuth

1:20:39

Protecting routes, Profiles screen

Protecting routes, Profiles screen

1:33:40

Protecting routes, Profiles screen

1:33:40

Navbar Component

Navbar Component

2:00:22

Navbar Component

2:00:22
Code with Antonio
Code with Antonio
@codewithantonio4513•29 subscribers
<__slot-el>
<__slot-el>

Channels new to you

6:29
6:29
Now playing

Build a Canva Clone With Nextjs, React, Honojs, Next Auth v5 (Premium Course)

Code With Antonio
Code With Antonio

Verified
•
•
1.9M views 2 months ago
Code With Antonio
Code With Antonio

Verified
In this 18 hour course, we'll build a feature-rich graphic design SaaS platform from the ground up. You'll learn how to create an ... In this 18 hour course, we'll build a feature-rich graphic design SaaS platform from the ground up. You'll learn how to create an ...
From the video description
8 chapters
Introduction | Text | Shapes | Draw | Add Images | Use Templates | Project Settings | Upgrading
8 auto-generated chapters in this video
8 chapters

Introduction

Introduction

0:00

Introduction

0:00

Text

Text

0:30

Text

0:30

Shapes

Shapes

1:11

Shapes

1:11

Draw

Draw

2:03

Draw

2:03

Add Images

Add Images

2:33

Add Images

2:33

Use Templates

Use Templates

3:25

Use Templates

3:25

Project Settings

Project Settings

4:33

Project Settings

4:33
More
5:33:30
5:33:30
Now playing

Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe | Full Tutorial 2023

Code With Antonio
Code With Antonio

Verified
•
•
658K views 1 year ago
Code With Antonio
Code With Antonio

Verified
In this video, we dive deep into crafting a state-of-the-art AI SaaS Platform with five AI tools. Powered by the Next.js 13 App Router, ... In this video, we dive deep into crafting a state-of-the-art AI SaaS Platform with five AI tools. Powered by the Next.js 13 App Router, ...
From the video description
19 chapters
Intro | Environment Setup | Folder Setup | Clerk Authentication | Sidebar | Dashboard | Conversation AI UI | Conversation AI API (Open AI) | Code Generation AI (Open AI) | Image Generation AI (Open AI) | Music Generation AI (Replicate AI) | Video Generation AI (Replicate AI) | API Limit | API Limit UI Counter | Pro Modal UI | Stripe Integration | Error Handling & Customer Support (Crisp) | Landing Page | Deployment & Wrap Up
19 chapters in this video
19 chapters

Intro

Intro

0:00

Intro

0:00

Environment Setup

Environment Setup

5:40

Environment Setup

5:40

Folder Setup

Folder Setup

16:32

Folder Setup

16:32

Clerk Authentication

Clerk Authentication

25:41

Clerk Authentication

25:41

Sidebar

Sidebar

40:01

Sidebar

40:01

Dashboard

Dashboard

1:06:29

Dashboard

1:06:29

Conversation AI UI

Conversation AI UI

1:20:08

Conversation AI UI

1:20:08
4:33:25
4:33:25
Now playing

Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)

Code With Antonio
Code With Antonio

Verified
•
•
233K views 1 year ago
Code With Antonio
Code With Antonio

Verified
If you are having problems with "Edit" / "Follow" functionality throwing "Not Signed In" error, It is because you have a newer version ... If you are having problems with "Edit" / "Follow" functionality throwing "Not Signed In" error, It is because you have a newer version ...
From the video description
11 chapters
Intro | Environment setup | Layout | Auth UI | Prisma, Mongo, NextAuth | Users and Individual User Profile | Edit User, Image Upload | Load & Create Posts | Like & Follow Functionality | Comments | Notifications
11 chapters in this video
11 chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:02

Environment setup

2:02

Layout

Layout

6:41

Layout

6:41

Auth UI

Auth UI

31:00

Auth UI

31:00

Prisma, Mongo, NextAuth

Prisma, Mongo, NextAuth

1:05:59

Prisma, Mongo, NextAuth

1:05:59

Users and Individual User Profile

Users and Individual User Profile

1:49:35

Users and Individual User Profile

1:49:35

Edit User, Image Upload

Edit User, Image Upload

2:25:36

Edit User, Image Upload

2:25:36

For you

12:00:00
12:00:00
Now playing

Nyan Cat 12 hours (8K)

brmbrmcar
brmbrmcar
•
•
4.1M views 7 years ago
brmbrmcar
brmbrmcar
Frequently asked questions: Is this really 8K? Depends what you consider to be 'really 8K'. I downloaded the video in 4K from ... Frequently asked questions: Is this really 8K? Depends what you consider to be 'really 8K'. I downloaded the video in 4K from ...
From the video description

8K

6:22
6:22
Now playing

Passion - What He’s Done (ft. Kristian Stanfill, Tasha Cobbs Leonard, Anna Golden) [Live]

Passion Music
Passion Music

Official Artist Channel
•
•
7.2M views 2 years ago
Passion Music
Passion Music

Official Artist Channel
Lyrics: See on the hill of Calvary My Savior bled for me My Jesus set me free Look at the wounds that give me life Grace flowing ... Lyrics: See on the hill of Calvary My Savior bled for me My Jesus set me free Look at the wounds that give me life Grace flowing ...
From the video description

CC

6:13
6:13
Now playing

Worthy of It All | feat. Michael Bethany | Gateway Worship

Gateway Worship
Gateway Worship

Official Artist Channel
•
•
4M views 2 years ago
Gateway Worship
Gateway Worship

Official Artist Channel
Join us in this moment of worship with Michael Bethany leading “Worthy of It All” during Pink Impact 2021. For information about ... Join us in this moment of worship with Michael Bethany leading “Worthy of It All” during Pink Impact 2021. For information about ...
From the video description
+13 more
11:54:47
11:54:47
Now playing

Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL

Code With Antonio
Code With Antonio

Verified
•
•
312K views 10 months ago
Code With Antonio
Code With Antonio

Verified
Hi all In this 12 hour tutorial you will learn how to create an end-to-end fullstack and trello clone, all with workspaces, boards, ... Hi all In this 12 hour tutorial you will learn how to create an end-to-end fullstack and trello clone, all with workspaces, boards, ...
From the video description
25 chapters
Intro & Demo | Environment Setup | Folders Setup | Marketing Page | Authentication | Organizations | Sidebar | Workspace Settings | Server Actions | useAction abstraction | Form Components | Board Popover Form | Board Server Action | Board List | Board Page | List Component | List Header | List Options | Card Form | Drag n' Drop | Card Modal | Card Actions | Activity / Audit Logs | Stripe & Board Limits | Deployment
25 chapters in this video
25 chapters

Intro & Demo

Intro & Demo

0:00

Intro & Demo

0:00

Environment Setup

Environment Setup

8:53

Environment Setup

8:53

Folders Setup

Folders Setup

21:12

Folders Setup

21:12

Marketing Page

Marketing Page

42:27

Marketing Page

42:27

Authentication

Authentication

1:15:52

Authentication

1:15:52

Organizations

Organizations

1:39:54

Organizations

1:39:54

Sidebar

Sidebar

2:04:30

Sidebar

2:04:30
10:41:33
10:41:33
Now playing

Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023

Code With Antonio
Code With Antonio

Verified
•
•
775K views 1 year ago
Code With Antonio
Code With Antonio

Verified
In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework. In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework.
From the video description
25 chapters
Intro | Environment setup (Admin) | Clerk Authentication (Admin) | Modal components (Admin) | Form components (Admin) | Prisma, PlanetScale, MySQL setup (Admin) | Dashboard setup (Admin) | Navigation bar (Admin) | Settings page (Admin) | Billboards Entity (Admin) | Data Table (Admin) | Categories Entity (Admin) | Sizes Entity (Admin) | Colors Entity (Admin) | Products Entity (Admin) | Orders Entity (Admin) | Environment setup & featured products (Store) | Individual product screen (Store) | Individual category screen (Store) | Product preview modal components (Store) | Add to Cart functionality (Store) | Stripe Setup & Checkout finalization (Admin, Store) | Dashboard page (Admin) | Dark Mode (Admin) | Deployment to Vercel (Admin, Store)
25 chapters in this video
25 chapters

Intro

Intro

0:00

Intro

0:00

Environment setup (Admin)

Environment setup (Admin)

11:13

Environment setup (Admin)

11:13

Clerk Authentication (Admin)

Clerk Authentication (Admin)

27:48

Clerk Authentication (Admin)

27:48

Modal components (Admin)

Modal components (Admin)

43:27

Modal components (Admin)

43:27

Form components (Admin)

Form components (Admin)

1:06:20

Form components (Admin)

1:06:20

Prisma, PlanetScale, MySQL setup (Admin)

Prisma, PlanetScale, MySQL setup (Admin)

1:21:28

Prisma, PlanetScale, MySQL setup (Admin)

1:21:28

Dashboard setup (Admin)

Dashboard setup (Admin)

1:45:02

Dashboard setup (Admin)

1:45:02

Previously watched

4:21:34
4:21:34
Now playing

🔴 Let's build Netflix 2.0 with REACT.JS! (Stripe Checkout & Webhooks, Redux, Firestore, Google Auth)

Sonny Sangha
Sonny Sangha

Verified
•
•
234K views 2 years ago
Sonny Sangha
Sonny Sangha

Verified
Join me as I build the NETFLIX 2.0 CLONE with REACT.JS. You'll learn how to do the following in this build: How to build a ... Join me as I build the NETFLIX 2.0 CLONE with REACT.JS. You'll learn how to do the following in this build: How to build a ...
From the video description

4K

33 chapters
Introduction | Build Tech Stack | Build Showcase | Setting Up Firebase (1/2) | Setting Up Firebase Authentication (1/2) | Initialising the Build | Creating the HomeScreen Component | Building the Nav Component | Building the Banner Component (1/2) | Implementing TMDB API | Building the Banner Component (2/2) | Building the Row Component | Deploying the Frontend Build using Firebase | Setting Up Firebase (2/2) | Implementing React Router | Building the LoginScreen Component | Building the SignupScreen Component | Explaining and Implementing Redux | Implementing Login & Logout Functionality | Building the ProfileScreen Component | Setting Up Cloud Firestore | Setting Up Stripe (1/2) | Explaining Cloud Firestore Implementation | Implementing Stripe Webhooks | Adding Products in Stripe | Setting Up Stripe (2/2) | Building the PlanScreen Component (1/3) | Stripe Checkout Team Donation! | Building the PlanScreen Component (2/3) | Testing the Stripe Checkout & Subscription Flow | Building the PlanScreen Component (3/3) | Deploying the Final Build using Firebase | Outro
33 chapters in this video
33 chapters

Introduction

Introduction

0:00

Introduction

0:00

Build Tech Stack

Build Tech Stack

0:50

Build Tech Stack

0:50

Build Showcase

Build Showcase

1:47

Build Showcase

1:47

Setting Up Firebase (1/2)

Setting Up Firebase (1/2)

4:46

Setting Up Firebase (1/2)

4:46

Setting Up Firebase Authentication (1/2)

Setting Up Firebase Authentication (1/2)

9:08

Setting Up Firebase Authentication (1/2)

9:08

Initialising the Build

Initialising the Build

11:40

Initialising the Build

11:40

Creating the HomeScreen Component

Creating the HomeScreen Component

12:11

Creating the HomeScreen Component

12:11
3:04:36
3:04:36
Now playing

React Crash Course 2024

Traversy Media
Traversy Media

Verified
•
•
530K views 6 months ago
Traversy Media
Traversy Media

Verified
Learn the basics of React, such as components, props, state, data fetching, and more, while building a job listing frontend. Code: ... Learn the basics of React, such as components, props, state, data fetching, and more, while building a job listing frontend. Code: ...
From the video description
60 chapters
Intro | What Is React? (Slide) | Why React? (Slide) | What Are Components? (Slide) | What Is State? (Slide) | What Are Hooks? (Slide) | What Is JSX? (Slide) | SPA, SSR, SSG (Slide) | Vite (Slide) | Project Demo | Setup React With Vite | File Explanation | Boilerplate Cleanup | Tailwind CSS Setup | JSX Crash Course | Start Homepage | Navbar Component | Image Import | Hero Component | Props | Default Props | Wrapper Components | JobListings Component | Create Lists With map() | Single JobListing Component | Limit Jobs to 3 | useState() Hook & Desc Toggle | Creating an Event | Updating Component State | React Icons Package | React Router Setup | Create Routes From Elements | Router Provider | Homepage Component/Route | Layouts | Jobs Page Component/Route | Link Component | Custom 404 Page | Active Links With NavLink | Conditional Rendering | JSON Server Setup | useEffect() & Data Fetching | Loading Spinner | Proxying | Single Job Page | useParams() to Get ID | Data Loaders | Single Job Output | Add Job Page | Working With Forms | Form Submission | Pass Function as Prop | POST Request to Add Job | Delete Job Button/function | DELETE Request to Remove Job | React Toastify Package | Edit Job Page/Form | Update Form Submission | PUT Request to Update Job | Build Static Assets For Production
60 chapters in this video
60 chapters

Intro

Intro

0:00

Intro

0:00

What Is React? (Slide)

What Is React? (Slide)

1:55

What Is React? (Slide)

1:55

Why React? (Slide)

Why React? (Slide)

3:43

Why React? (Slide)

3:43

What Are Components? (Slide)

What Are Components? (Slide)

7:19

What Are Components? (Slide)

7:19

What Is State? (Slide)

What Is State? (Slide)

8:21

What Is State? (Slide)

8:21

What Are Hooks? (Slide)

What Are Hooks? (Slide)

10:00

What Are Hooks? (Slide)

10:00

What Is JSX? (Slide)

What Is JSX? (Slide)

11:17

What Is JSX? (Slide)

11:17
13:15
13:15
Now playing

10 React Hooks Explained // Plus Build your own from Scratch

Fireship
Fireship

Verified
•
•
1.4M views 3 years ago
Fireship
Fireship

Verified
00:00 Why React Hooks? 02:20 useState 03:50 useEffect 05:55 useContext 06:58 useRef 07:58 useReducer 09:27 useMemo ... 00:00 Why React Hooks? 02:20 useState 03:50 useEffect 05:55 useContext 06:58 useRef 07:58 useReducer 09:27 useMemo ...
From the video description

4K

11 chapters
Why React Hooks? | useState | useEffect | useContext | useRef | useReducer | useMemo | useCallback | useImperativeHandle | useLayoutEffect | useDebugValue & Custom Hooks
11 chapters in this video
11 chapters

Why React Hooks?

Why React Hooks?

0:00

Why React Hooks?

0:00

useState

useState

2:20

useState

2:20

useEffect

useEffect

3:50

useEffect

3:50

useContext

useContext

5:55

useContext

5:55

useRef

useRef

6:58

useRef

6:58

useReducer

useReducer

7:58

useReducer

7:58

useMemo

useMemo

9:27

useMemo

9:27
+6 more
11:46:03
11:46:03
Now playing

Fullstack Discord Clone: Next.js 13, React, Socket.io, Prisma, Tailwind, MySQL | Full Course 2023

Code With Antonio
Code With Antonio

Verified
•
•
759K views 1 year ago
Code With Antonio
Code With Antonio

Verified
Hi all In this 11 hour tutorial you will learn how to create an end-to-end fullstack and real-time discord clone, all with servers, ... Hi all In this 11 hour tutorial you will learn how to create an end-to-end fullstack and real-time discord clone, all with servers, ...
From the video description
37 chapters
Intro & Demo | Environment setup | Folders setup | Authentication | Dark & Light Theme setup | Prisma & Planetscale setup | Initial modal UI | UploadThing setup | Server creation API | Navigation sidebar | Create Server Modal | Server Sidebar | Invitations | Server Settings | Manage Members | Channel Creation | Delete & Leave server modal | Search Server Modal | Server Channels List | Edit Channels | Channel ID Page | Chat Header | Prisma Schema completion | Conversations Setup | Socket IO setup | Chat Input component | Messages API | Message Attachment | Emoji bar | Chat Messages component | Chat Item component | Delete Message | Chat Socket hook | Chat Scroll hook | Direct Messages | Video Calls | Deployment
37 chapters in this video
37 chapters

Intro & Demo

Intro & Demo

0:00

Intro & Demo

0:00

Environment setup

Environment setup

6:57

Environment setup

6:57

Folders setup

Folders setup

26:02

Folders setup

26:02

Authentication

Authentication

37:05

Authentication

37:05

Dark & Light Theme setup

Dark & Light Theme setup

50:07

Dark & Light Theme setup

50:07

Prisma & Planetscale setup

Prisma & Planetscale setup

59:10

Prisma & Planetscale setup

59:10

Initial modal UI

Initial modal UI

1:25:18

Initial modal UI

1:25:18
7:53:12
7:53:12
Now playing

Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023

Code With Antonio
Code With Antonio

Verified
•
•
352K views 11 months ago
Code With Antonio
Code With Antonio

Verified
Hi all In this 8 hour tutorial you will learn how to create an end-to-end fullstack notion clone, all with proper notion-style editor, ... Hi all In this 8 hour tutorial you will learn how to create an end-to-end fullstack notion clone, all with proper notion-style editor, ...
From the video description
22 chapters
Intro & Demo | Environment setup | Folders setup | Landing page | Authentication & Database | Sidebar | User Settings | Schema & API | Sidebar Item | Document list | Archive functionality | Trash box | Search functionality | Settings | Navbar | Banner component | Toolbar component (Icon, Title) | Cover image (File upload) | Advanced file upload (delete, replace) | Editor component | Preview functionality (Publish your work) | Deployment & Outro
22 chapters in this video
22 chapters

Intro & Demo

Intro & Demo

0:00

Intro & Demo

0:00

Environment setup

Environment setup

6:23

Environment setup

6:23

Folders setup

Folders setup

21:23

Folders setup

21:23

Landing page

Landing page

37:10

Landing page

37:10

Authentication & Database

Authentication & Database

1:17:45

Authentication & Database

1:17:45

Sidebar

Sidebar

1:42:58

Sidebar

1:42:58

User Settings

User Settings

2:21:01

User Settings

2:21:01
8:40:34
8:40:34
Now playing

Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023

Code With Antonio
Code With Antonio

Verified
•
•
904K views 1 year ago
Code With Antonio
Code With Antonio

Verified
In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework. In this video, we will put a special emphasis on the Next.js 13 App Router, which is the latest addition to the Next.js framework.
From the video description
24 chapters
Intro | Environment setup | Navbar UI | Auth UI | Register functionality, MongoDB, Prisma setup | Login functionality | Social Login (Google and Github) | Categories UI | Listing creation step 1 (Category selection) | Listing creation step 2 (Location selection, Map component, Country autocomplete) | Listing creation step 3 (Counter components) | Listing creation step 4 (Image upload, Cloudinary CDN) | Listing creation step 5 (Description and Price, Listing creation POST route) | Fetching listings with server components (Listing card component, direct server action) | Favoriting functionality | Individual Listing View | Listing reservation component | Reservation functionality (routes, logic) | Trips screen (Loading trips with server component) | Reservations screen (Loading guest reservations with server component) | Favorites screen (Loading favorites with server component) | Properties screen (Loading your listings with server component) | Filters modal (Assigning various filters, add advanced querying logic to getListings, add loading and error pages) | Vercel deploy & wrap up
24 chapters in this video
24 chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:21

Environment setup

2:21

Navbar UI

Navbar UI

9:30

Navbar UI

9:30

Auth UI

Auth UI

34:30

Auth UI

34:30

Register functionality, MongoDB, Prisma setup

Register functionality, MongoDB, Prisma setup

1:35:20

Register functionality, MongoDB, Prisma setup

1:35:20

Login functionality

Login functionality

2:09:27

Login functionality

2:09:27

Social Login (Google and Github)

Social Login (Google and Github)

2:28:04

Social Login (Google and Github)

2:28:04
6:35:20
6:35:20
Now playing

Build a SaaS: AI Companion With Next 13, React, Stripe, Prisma, MySQL, Tailwind | Tutorial 2023

Code With Antonio
Code With Antonio

Verified
•
•
277K views 1 year ago
Code With Antonio
Code With Antonio

Verified
In this comprehensive tutorial, we'll explore the intricate details of building an advanced SaaS AI Companion using Next.js 13. In this comprehensive tutorial, we'll explore the intricate details of building an advanced SaaS AI Companion using Next.js 13.
From the video description
18 chapters
Intro | Environment Setup | Folder Setup | Clerk Authentication | Navbar | Sidebar | Search Filter | Category Filter | Companion Creation Form | Companion Creation API | Companion List | Chat Header | Chat UI | Memory Service | Chat API | Stripe API | Stripe UI | Deployment
18 chapters in this video
18 chapters

Intro

Intro

0:00

Intro

0:00

Environment Setup

Environment Setup

6:07

Environment Setup

6:07

Folder Setup

Folder Setup

10:31

Folder Setup

10:31

Clerk Authentication

Clerk Authentication

18:07

Clerk Authentication

18:07

Navbar

Navbar

31:51

Navbar

31:51

Sidebar

Sidebar

51:43

Sidebar

51:43

Search Filter

Search Filter

1:03:46

Search Filter

1:03:46
11:12:21
11:12:21
Now playing

Build a Duolingo Clone With Nextjs, React, Drizzle, Stripe (2024)

Code With Antonio
Code With Antonio

Verified
•
•
313K views 6 months ago
Code With Antonio
Code With Antonio

Verified
In this 11 hour tutorial, you will learn how to create your very own language learning SaaS, similar to Duolingo. Users will be able ... In this 11 hour tutorial, you will learn how to create your very own language learning SaaS, similar to Duolingo. Users will be able ...
From the video description
29 chapters
Intro & Demo | Project Setup | Buttons library | Marketing Skeleton | Authentication | Footer | Main Layout | Sidebar | Learn Page Wrappers | Drizzle & Neon | Courses Page | User Progress | Seed Script | Schema | Units | Lesson Button | Course Progress | Lesson Header | Exit Modal | Challenge Cards | Challenge Footer | Challenge Actions | Challenge Finish Screen | Challenge Practice | Shop | Stripe | Details | Admin | Deployment
29 chapters in this video
29 chapters

Intro & Demo

Intro & Demo

0:00

Intro & Demo

0:00

Project Setup

Project Setup

2:26

Project Setup

2:26

Buttons library

Buttons library

12:17

Buttons library

12:17

Marketing Skeleton

Marketing Skeleton

30:00

Marketing Skeleton

30:00

Authentication

Authentication

39:24

Authentication

39:24

Footer

Footer

1:00:44

Footer

1:00:44

Main Layout

Main Layout

1:07:49

Main Layout

1:07:49
Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)
The Complete Guide To Building A REST API With Node, Express, TypeScript & MongoDB + Authentication
2x
If playback doesn't begin shortly, try restarting your device.
1:00:57
5 seconds
Pull up for precise seeking
Movie List & Movie Card Components, Movies Endpoint, Cool hover effect
2:55:26
•
You're signed out
Videos you watch may be added to the TV's watch history and influence TV recommendations. To avoid this, cancel and sign in to YouTube on your computer.
Up next
Live
Upcoming
Play Now
Code With Antonio
Subscribe
Subscribed
My name is Antonio and I am a software engineer with over 7 years of experience. I have always been fascinated by the world of programming, and I consider myself lucky to have found a career that aligns with my passions. Throughout my career, I have had the opportunity to work with a variety of programming languages and technologies, which has allowed me to grow and develop as a programmer. While I have gained a considerable amount of knowledge and experience, I am always eager to continue learning and improving. I created "Code With Antonio" with the intention of sharing my love for programming and helping others to learn and grow in the field. My hope is that my tutorials and insights will be useful to others and that I can contribute to the programming community in a positive way. Thank you for considering my channel, and I hope that you find value in the content that I provide.
Build a Jira Clone With Nextjs, React, Tailwind, Hono.js | Part 1/2 (2024)
8:49:26
Share
An error occurred while retrieving sharing information. Please try again later.
Intro
Environment setup
Auth Screen UI
NextAuth, Prisma, Mongo Setup
Google and Github OAuth
Protecting routes, Profiles screen
Navbar Component
Billboard Component, Random Movie Endpoint
Movie List & Movie Card Components, Movies Endpoint, Cool hover effect
Favorites / My List functionality
Play Button, Video Player, Single Movie Endpoint
Info Modal Component
Vercel Deployment
1:13:52
1:14:01 / 4:13:19•Watch full video

Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

Code With Antonio
Code With Antonio

Verified
357K subscribers
<__slot-el>
<__slot-el>
Download
661,890 views Feb 27, 2023
661,890 views • Feb 27, 2023
Show less
(CC) Blender Foundation | mango.blender.org (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org © copyright Blender Foundation | durian.blender.org © copyright Blender Foundation | www.sintel.org Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/proje... Are you looking to create a fullstack Netflix clone? Look no further! This video will show you how to use React, Tailwind CSS, Next.JS, Prisma, MongoDB, and NextAuth to create a powerful and scalable application. Plus, I'll show you how to deploy it on Vercel! Timestamps 00:00 Intro 02:05 Environment setup 08:47 Auth Screen UI 34:58 NextAuth, Prisma, Mongo Setup 01:20:39 Google and Github OAuth 01:33:40 Protecting routes, Profiles screen 02:00:22 Navbar Component 02:27:13 Billboard Component, Random Movie Endpoint 02:46:18 Movie List & Movie Card Components, Movies Endpoint, Cool hover effect 03:06:58 Favorites / My List functionality 03:29:19 Play Button, Video Player, Single Movie Endpoint 03:46:24 Info Modal Component 04:09:33 Vercel Deployment
(CC) Blender Foundation | mango.blender.org (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org …...more
...more

Chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:05

Environment setup

2:05

Auth Screen UI

Auth Screen UI

8:47

Auth Screen UI

8:47

NextAuth, Prisma, Mongo Setup

NextAuth, Prisma, Mongo Setup

34:58

NextAuth, Prisma, Mongo Setup

34:58

Google and Github OAuth

Google and Github OAuth

1:20:39

Google and Github OAuth

1:20:39

Protecting routes, Profiles screen

Protecting routes, Profiles screen

1:33:40

Protecting routes, Profiles screen

1:33:40

Navbar Component

Navbar Component

2:00:22

Navbar Component

2:00:22

Billboard Component, Random Movie Endpoint

Billboard Component, Random Movie Endpoint

2:27:13

Billboard Component, Random Movie Endpoint

2:27:13
Transcript

Follow along using the transcript.

Code With Antonio

357K subscribers
Videos
About
Videos
About
49:47
49:47
The Complete Guide To Building A REST API With Node, Express, TypeScript & MongoDB + Authentication
by Code With Antonio
Show less

Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

661,890 views661K views
Feb 27, 2023
Download

807 Comments

Sort comments
Sort by
Top comments
Newest first
Adrian Jade Manaday
Add a comment...

@mikerobin8410

1 year ago
As a backend dev, frontend devs have my respect...
Show less Read more
Like
184
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@microhum1956

7 months ago
I love the way you say "amazing, amazing job."
Show less Read more
Like
8
Dislike

@illmatic08

1 year ago
For tailwind you don't have to write the bg opacity and bg color separately or any text color for that matter. e.g. bg-zinc-900/70 is same as bg-zinc-900 bg-opacity-70 or text-zinc-900/90 etc. Great video btw Antonio!
Show less Read more
Like
152
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@thealejars

2 months ago
I just want to say thank you to Antonio for the awesome tutorial you made for the Netflix clone project. I was able to finish it and refactor it using the latest Next.js 14, which was an awesome experience. I managed to fix the build error with prisma generate and next build. I also added deactivate account 😄 I successfully deployed it and am still polishing a lot of stuff like handling flickering, proper loading UI, etc. I didn't follow the exact UI because I had a problem accessing the repo (it was private), so I made my own. I'm sharing this big milestone with you guys. I'm excited to build my next project after this. Happy Coding :)
Show less Read more
Like
5
Dislike
❤ by Code With Antonio

@shorts_faceless

1 year ago
Just a tip for future videos: VS code has a keybind that toggles automatic line-wrapping of your code so that you see everything in your editor regardless of window size (as opposed to having one really long line of code). Useful especially when working with tailwindcss so that you don't have to manually put all those class attributes in separate lines. For me, this keybind is ALT+Z (US keyboard layout).
Show less Read more
Like
91
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@binfuwong8859

1 year ago
Thanks Antonio for the amazing and interesting tutorial! I like your straight-to-the-point method of coaching and thanks for showing many advanced and practical React techniques. Looking forward to learning more from you!
Show less Read more
Like
30
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@youcube291

1 year ago
I've been looking for a tutorial like this for ages. Thank you!
Show less Read more
Like
8
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@NicolasPena-ds5xt

1 year ago (edited)
What a great opportunity to practice and learn! It's a very well-explained project with excellent presentation. Thank you for sharing your knowledge!
Show less Read more
Like
8
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@jordanbienvenue468

1 year ago
REALLY a great content for Fullstack learning, thanks for the effort you put in it. Appreciate ❤
Show less Read more
Like
16
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@jefferymuter4659

1 year ago
Using this to get a better understanding of nextjs/TS/Tailwind. I really love this stack so far. Although I do my best to stay away from tutorials, this one seemed so educational I couldn't help it, so I can take what we do here and start making some stuff using Next/TS on my own.
Show less Read more
Like
9
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@zemiguel2550

1 year ago (edited)
By the way, you can add a JSON collection to a table instead of inserting every field of an element by itself. On the right of view, there's a {} symbol and you can simply click it, add the object underneath the id and you're good to go. Boom! Collection added. 2:29:30
Show less Read more
Like
24
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@codewithantonio

@codewithantonio
@codewithantonio
1 year ago (edited)
Want to get mentored by me? Apply at https://www.codewithantonio.com/mentorship If you are having problems with "Favorite" functionality throwing "Not Signed In" error, It is because you have a newer version of Next & NextAuth, a small modification is needed (you can find it in the github repostory). Here are the steps: 1. Your [...nextauth].ts file should export authOptions separately 2. Your serverAuth.ts file should use getServerSession(req, res, authOptions) instead of getSession({req}) 3. Modify serverAuth(req) to serverAuth(req, res) everytwhere in your code. 4. Logout, shutdown the app, login again, everything should work ❤
Show less Read more
Like
79
Dislike

@sellimenes

1 year ago
Thank you for this great video, Antonio! I hope you will continue to share such videos. 😇❤️
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@ze2411

1 year ago
THANK YOU FOR THIS BRO @CodeWithAntonio. No amount of CS degrees could have taught me this much.
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@RichReflectionz

1 year ago
This is amazing, will be spending the weekend going through this. You got a new subscriber 😊
Show less Read more
Like
7
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@abdullahsiam7609

1 year ago
Your voice is clean. no extra distracting sound. keep up the good work bro. <3
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@sagarmahbub964

1 year ago
This is a goldmine. Thanks a lot for bringing this up
Show less Read more
Like
6
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@arielelias2413

1 year ago
We need more projects like this. Because is real, from real life, and a client could ask us something like this. Bravo! You have my support.
Show less Read more
Like
30
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@alphashortss

1 year ago
that is so aesthetic, now we need one for ecommerce or maybe a booking functionality
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@RifkiJones

1 year ago
Excellent tutorial, best I've seen on NextJS
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@taunado

1 year ago
Thanks, really enjoyed your pace and that you didn't add unnessary distractions, such as music and live commenting. Looking forward to more, especially to learn more TS.
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@AlexGerald-w9b

1 year ago
You're so awesome Antonio, great work here! Until now I thought it's just Javascript Mastery, now I know there's even better, you earned my sub
Show less Read more
Like
2
Dislike

@learncode5110

1 year ago
Awesome! literally learned a lot from you bring more such real time web app projects 😇
Show less Read more
Like
4
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@tarkovarg

1 year ago
Hey Antonio! thanks for your experience. Im from Argentina and this video is really helping me, hope to learn more from you. Keep up
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

1 year ago
Brilliant, exactly what I was looking for ! Thanks
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@davronmaxmudov3972

1 year ago
Amazing video, good luck bro💥
Show less Read more
Like
5
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@devZone7

10 months ago
Thank you so much Antonio, I'm a beginer in React but when see your videos it makes me feeling motivated again !
Show less Read more
Like
Dislike

@mohdazkar8315

1 year ago
I appreciate your hard work , such a great project ♥ ♥
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@shayanmahnam

1 year ago
Best tutorial I have ever seen on youtube!!!! Well Doneee🤩
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@matheusescobozo3478

9 months ago
This first section of the video where you teach the Auth Screen UI was so good for me to train useState concepts ! Looking foward to finish this project. Greetings from Brazil, mate!
Show less Read more
Like
Dislike

@DiamondSaberYT

1 year ago
Looks pretty impressive. I haven’t really been using that newest tech as much, so this will be a fun project to make to learn newest frontend I guess!
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@codewithantonio

@codewithantonio
@codewithantonio
1 year ago (edited)
Some of you have requested a Patreon, so I made one: https://www.patreon.com/CodeWithAntonio Since this is a very long tutorial with lots of moving parts, I created a Discord channel where you can join and discuss any errors, problems or bugs you find. I will be more than happy to help you here: https://discord.gg/SPEBvAz4Vd ❤
Show less Read more
Like
32
Dislike

@youcube291

1 year ago
This video was so informative! Thanks for sharing your knowledge
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@zeeshan4341

1 year ago
excellent stuff. keep it up man ❤ hoping for more stuff like this.
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@achillesoliveira8882

5 months ago
Thank you very much, your videos have helped me a lot, this was the best tutorial I've ever watched.
Show less Read more
Like
1
Dislike

@akmalsulaymonov2414

1 year ago (edited)
Antonio, thanks for amazing course.
Show less Read more
Like
1
Dislike
❤ by Code With Antonio

@luunger

1 year ago
I loved the project, even though I'm Brazilian and I don't know much English, I ended up learning a lot of useful things
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@tflixtuto64

1 year ago
stumbled on your channel today and wow am impressed You very good Antonio
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@prasad_yt

1 year ago (edited)
Well done ! I have a question - I noticed that you have used the useCallback( ) hook in multiple places. What is the reason for that ? For instance, what is the reason for using the hook in the login and register functions ?
Show less Read more
Like
7
Dislike

@praveen_sinnur

1 year ago (edited)
We are with you 💪🏻
Show less Read more
Like
2
Dislike
❤ by Code With Antonio

@HuyNguyen-bh8tq

1 year ago
This wonderful tutorial is help me improve my skills. Thank you!
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@dalestewart

1 year ago
Another top notch professional application.
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@trburaktr16

1 year ago
Now that it's back, it's time for Udemy Clone 🎉🎉
Show less Read more
Like
3
Dislike

@comaecod

1 year ago (edited)
I just finished building this project, and it feels like such a relief! There were so many new things for me to learn, particularly using TailwindCSS and Prisma. I faced some initial bugs, but I slowly got the hang of the project and ended up loving it. However, I have noticed a few small things that could be improved. For instance, when we mark a movie as a favorite, it takes about 4-5 seconds to appear in the favorites section. I'm not entirely sure why this is happening, but it could be because they are rendered on the server-side, causing a delay in updating the page. Perhaps we could use a feature that React provides to update the front-end instantaneously and asynchronously update the back-end? The same issue applies to the modal, the content takes a while to load. Also, when a user logs in using a Google account, let's say, he can't login via his Github account or vice versa. Is there a way to allow this kinda login and associate it to the same person by checking it against his email_id? Overall, I enjoyed working on this Next 13 Project and feel like I learned a lot about current development practices. Thank you, Antonio, for providing such a great tutorial, and I look forward to catching up on more of your content in the future!
Show less Read more
Like
8
Dislike
❤ by Code With Antonio

@nicowiranata7711

1 year ago
its awesome man,just finished the whole thing, its my first time trying typescript and also nextJs, learn a lot from this althoug im not really sure i understand them all
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@s8x.

1 year ago
Thank you for this tutorial. I hope to learn from this
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@kodekorp2064

1 year ago
Ngl surprised to see Prisma not die off. At one point it was questionable if they were still going to be around.
Show less Read more
Like
1
Dislike

@octavieploye

1 year ago
Thanks a lot for your great work! it's been really worth to follow your tutorial ! Keep Well
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@nubian_goat

1 year ago
Wow this is legit. thanks man. love your videos.😎😇😇
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@fern_lpz

1 year ago (edited)
Muy valioso aporte, saludos desde Argentina, sos crack!
Show less Read more
Translate to English
Like
1
Dislike
Code With Antonio
·
·

@gray5881

1 year ago
Awesome 😎 stuff man, hope to see more from you
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@zsoltdemeter9300

1 year ago
Great video and great content! Really helps me out. Keep up the good work! Can't wait to check your other projects also. Cheers!🍻
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@mohamedyoussef8835

1 year ago
Thanks Antonio for the amazing tutorial 🙂
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@srandlee4014

1 year ago
That's absolutely what I'm looking for! I have tried several times to find a tutorial like this to build Netflix, but failed. Thanks a lot for your effort and sharing!face-blue-heart-eyes
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@jufri17

1 year ago
really love it ❤ it could be better if you can explain the tailwind classes. and type the classes after the jsx. so we can see the classes affect.
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@kimbapslayer1995

1 year ago (edited)
Genuinely curious. Why do people choose next auth when firebase is like done in 3 steps all on one place? It’s a copy paste confit, import auth, create an auth function and done? I’d really like to know the advantages of next auth!
Show less Read more
Like
5
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@najafsikander8760

1 year ago
I just completed the tutorial. Amazing work. Keep up the good work bro
Show less Read more
Like
Dislike

@ChouaibNemri

11 months ago
Good job Antonio, for those interested, I am rewriting this whole app using the brand new NextJS App router. I'll be sharing the code soon!
Show less Read more
Like
2
Dislike

@naylord5

1 year ago
Sweet baby Jesus, you don't have an idea of how convenient this is for a personal project. Thank you very much! ♥ Please consider for a next video a multi file uploads DnD CRUD and/or RBAC (like for custom what menus or modules a user can see or actions than can do). Thanks in advance!
Show less Read more
Like
4
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@ranaatito9328

1 year ago
thanks for the tutorial and amazing tools u used
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@alexandershubert573

1 year ago
Absolutely amazing! Thank you so much
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@unfalldead

1 year ago
thank you for this tutorial ! Instant follow
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@godloveinaction

1 year ago
I was the 1000th subscriber, gud content bruh
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@mfion1

1 year ago
one new subscriber earned,lovely content
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@DmitriyVolontyr-m2e

1 year ago
Sorry for the question Antonio, but what about log in with git and google after deploy, maybe u can film a mini video for us ? <3hand-pink-waving
Show less Read more
Like
1
Dislike

@radtn

1 year ago
Very impressive! can you tell me please what theme and font ligatures you rockin Antonio ? (The animation cursor when you don't type is so cool!)
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@luunger

1 year ago
In the MovieCard component, the property (group-hover:-translate-x-[2vw]) works normally on medium screens. But in ultrawide the first card always leaves the screen, I solved it by passing (group-hover:-translate-x-[1vw])
Show less Read more
Like
4
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@jagansaravanan4601

1 year ago
Excellent stuff !!! Thank you
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
Code With Antonio
·
·

@GoogleUser-nx3wp

1 year ago
Thank you man whenever i start earning I'll make sure to donate to you
Show less Read more
Like
1
Dislike
❤ by Code With Antonio

@Clawker

10 months ago
Hey Antonio i am on 1:33:40 can you please tell that when i am logging in with my google or github account it is not showing any id in in mongodb users.
Show less Read more
Like
3
Dislike

@Deus-lo-Vuilt

1 year ago
Thanks Antonio 🎉
Show less Read more
Like
1
Dislike
❤ by Code With Antonio

@coderprakash

1 year ago
Hi i am very happy for seeing ur video back but quality is missing?
Show less Read more
Like
Dislike

@munawirulhadi2864

1 year ago
nice thanks, i will follow your video once i have free time
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
·
·

@razibulhossen9680

1 year ago
Thanks for this amazing video
Show less Read more
Like
2
Dislike
❤ by Code With Antonio
·
·

@sukritsaha5632

1 year ago
This is probably a very small suggestion, but in Tailwind, you can write p-16 instead of px-16 and py-16. Will save few seconds I guess 😂.
Show less Read more
Like
6
Dislike
❤ by Code With Antonio
·
·

@prodigymuj

1 year ago
My first time fully following a long video like this and really happy with the result! Thank you! I did want to mention that the SSO buttons don't work on production and my guess is the OAuth settings in Google and Github that need updating? So from localhost:3000 to the actual url?
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
·
·

@_yllw6155

1 year ago
it's literally refreshing now to see a code video without "ChatGPT" in the title
Show less Read more
Like
3
Dislike
❤ by Code With Antonio
·
·

@jeanweb93

1 year ago
Almost done, TY !
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
·
·

@maverick_rdx2236

1 year ago
We want more such advanced level videos on projects antonio 😉
Show less Read more
Like
Dislike

@Anthony-wg7fn

1 year ago (edited)
awesome video man. are you using any kind of vscode extensions for typescript and tailwind?
Show less Read more
Like
1
Dislike
❤ by Code With Antonio
·
·

Comments 807

Top comments
Newest first

Chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:05

Environment setup

2:05

Auth Screen UI

Auth Screen UI

8:47

Auth Screen UI

8:47

NextAuth, Prisma, Mongo Setup

NextAuth, Prisma, Mongo Setup

34:58

NextAuth, Prisma, Mongo Setup

34:58

Google and Github OAuth

Google and Github OAuth

1:20:39

Google and Github OAuth

1:20:39

Protecting routes, Profiles screen

Protecting routes, Profiles screen

1:33:40

Protecting routes, Profiles screen

1:33:40

Navbar Component

Navbar Component

2:00:22

Navbar Component

2:00:22

Billboard Component, Random Movie Endpoint

Billboard Component, Random Movie Endpoint

2:27:13

Billboard Component, Random Movie Endpoint

2:27:13

Movie List & Movie Card Components, Movies Endpoint, Cool hover effect

Movie List & Movie Card Components, Movies Endpoint, Cool hover effect

2:46:18

Movie List & Movie Card Components, Movies Endpoint, Cool hover effect

2:46:18

Favorites / My List functionality

Favorites / My List functionality

3:06:58

Favorites / My List functionality

3:06:58

Play Button, Video Player, Single Movie Endpoint

Play Button, Video Player, Single Movie Endpoint

3:29:19

Play Button, Video Player, Single Movie Endpoint

3:29:19

Info Modal Component

Info Modal Component

3:46:24

Info Modal Component

3:46:24

Vercel Deployment

Vercel Deployment

4:09:33

Vercel Deployment

4:09:33
Sync to video time

Create clip

Adrian Jade Manaday
Public
 
 
0/140
–
30.0 seconds
Continue clipping after ad finishes
Can’t create clip while ad is playing

Description

Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)
15KLikes
661,890Views
2023Feb 27
(CC) Blender Foundation | mango.blender.org (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org © copyright Blender Foundation | durian.blender.org © copyright Blender Foundation | www.sintel.org Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/proje... Are you looking to create a fullstack Netflix clone? Look no further! This video will show you how to use React, Tailwind CSS, Next.JS, Prisma, MongoDB, and NextAuth to create a powerful and scalable application. Plus, I'll show you how to deploy it on Vercel! Timestamps 00:00 Intro 02:05 Environment setup 08:47 Auth Screen UI 34:58 NextAuth, Prisma, Mongo Setup 01:20:39 Google and Github OAuth 01:33:40 Protecting routes, Profiles screen 02:00:22 Navbar Component 02:27:13 Billboard Component, Random Movie Endpoint 02:46:18 Movie List & Movie Card Components, Movies Endpoint, Cool hover effect 03:06:58 Favorites / My List functionality 03:29:19 Play Button, Video Player, Single Movie Endpoint 03:46:24 Info Modal Component 04:09:33 Vercel Deployment
Show less ...more
(CC) Blender Foundation | mango.blender.org (c) copyright 2006, Blender Foundation / Netherlands Media Art Institute / www.elephantsdream.org (c) copyright 2008, Blender Foundation / www.bigbuckbunny.org © copyright Blender Foundation | durian.blender.org © copyright Blender Foundation | www.sintel.org Discord for any problems/errors/bugs: https://www.codewithantonio.com/discord Github & Live Website: https://www.codewithantonio.com/proje... Are you looking to create a fullstack Netflix clone? Look no further! This video will show you how to use React, Tailwind CSS, Next.JS, Prisma, MongoDB, and NextAuth to create a powerful and scalable application. Plus, I'll show you how to deploy it on Vercel! Timestamps 00:00 Intro 02:05 Environment setup 08:47 Auth Screen UI 34:58 NextAuth, Prisma, Mongo Setup 01:20:39 Google and Github OAuth 01:33:40 Protecting routes, Profiles screen 02:00:22 Navbar Component 02:27:13 Billboard Component, Random Movie Endpoint 02:46:18 Movie List & Movie Card Components, Movies Endpoint, Cool hover effect 03:06:58 Favorites / My List functionality 03:29:19 Play Button, Video Player, Single Movie Endpoint 03:46:24 Info Modal Component 04:09:33 Vercel Deployment …...more
...moreShow less

Chapters

Intro

Intro

0:00

Intro

0:00

Environment setup

Environment setup

2:05

Environment setup

2:05

Auth Screen UI

Auth Screen UI

8:47

Auth Screen UI

8:47

NextAuth, Prisma, Mongo Setup

NextAuth, Prisma, Mongo Setup

34:58

NextAuth, Prisma, Mongo Setup

34:58
Transcript

Follow along using the transcript.

Code With Antonio

357K subscribers
Videos
About
Videos
About
49:47
49:47
The Complete Guide To Building A REST API With Node, Express, TypeScript & MongoDB + Authentication
by Code With Antonio

Transcript

Learn Next & React and get Hired!

Next:Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)

Learn Next & React and get Hired!Code With Antonio
1 / 141 / 14
Loop playlist
Shuffle playlist
▶
4:13:20
4:13:20
Now playing

Full Stack Netflix Clone in React, Tailwind CSS, Next.JS, Prisma, MongoDB, NextAuth & Vercel (2023)

Code With Antonio
2
4:33:25
4:33:25
Now playing

Build and Deploy: TWITTER clone with React, Tailwind, Next, Prisma, Mongo, NextAuth & Vercel (2023)

Code With Antonio
3
8:40:34
8:40:34
Now playing

Full Stack Airbnb Clone with Next.js 13 App Router: React, Tailwind, Prisma, MongoDB, NextAuth 2023

Code With Antonio
4
8:49:14
8:49:14
Now playing

Real-Time Messenger Clone: Next.js 13, React, Tailwind, Prisma, MongoDB, NextAuth, Pusher (2023)

Code With Antonio
5
6:48:00
6:48:00
Now playing

Full Stack Spotify Clone: Next 13.4, React, Stripe, Supabase, PostgreSQL, Tailwind (2023)

Code With Antonio
6
10:41:33
10:41:33
Now playing

Full Stack E-Commerce + Dashboard & CMS: Next.js 13 App Router, React, Tailwind, Prisma, MySQL, 2023

Code With Antonio
7
5:33:30
5:33:30
Now playing

Build a SaaS AI Platform with Next.js 13, React, Tailwind, Prisma, Stripe | Full Tutorial 2023

Code With Antonio
8
6:35:20
6:35:20
Now playing

Build a SaaS: AI Companion With Next 13, React, Stripe, Prisma, MySQL, Tailwind | Tutorial 2023

Code With Antonio
9
11:46:03
11:46:03
Now playing

Fullstack Discord Clone: Next.js 13, React, Socket.io, Prisma, Tailwind, MySQL | Full Course 2023

Code With Antonio
10
10:41:04
10:41:04
Now playing

Build a Course & LMS Platform: Next 13, React, Stripe, Mux, Prisma, Tailwind, MySQL | Udemy Clone

Code With Antonio
11
7:53:12
7:53:12
Now playing

Fullstack Notion Clone: Next.js 13, React, Convex, Tailwind | Full Course 2023

Code With Antonio
12
10:19:12
10:19:12
Now playing

Build a Real-Time Miro Clone With Nextjs, React, Tailwind (2024)

Code With Antonio
13
8:00:57
8:00:57
Now playing

Next Auth V5 - Advanced Guide (2024)

Code With Antonio
14
11:54:47
11:54:47
Now playing

Fullstack Trello Clone: Next.js 14, Server Actions, React, Prisma, Stripe, Tailwind, MySQL

Code With Antonio
All From Code With Antonio React routers Information Related
1:46:11
1:46:11
Now playing

All 17 React Best Practices (IMPORTANT!)

ByteGrad
ByteGrad

Verified
•
•
158K views 2 months ago

Shorts

Angular vs. Vue vs. React: Quick Comparison of Frameworks #reactjs #angular #vuejs #js #frontend

1.5K views

Backend Developer Roadmap with Frontend Basics in 30 Seconds #backenddevelopment #webdevelopment

5.8K views

Modern Hover Button with Smooth Transitions | HTML & CSS #coding #webdesign #shorts

1.1K views

#Gaming #PC went 12 years w/o being cleaned. Yikes. #tech #technology #shorts

12M views

*BRUTALLY REALISTIC* Harvard Finals Week Vlog

14M views

This Hacker Saved the Internet

26M views
5:17:20
5:17:20
Now playing

Full-Stack MERN Auth project: Build & Deploy (Reactjs, json web token, jwt, redux toolkit, cookie)

React & Next js Projects with Sahand
React & Next js Projects with Sahand
•
•
170K views 1 year ago
1:11:44
1:11:44
Now playing

React JS Full Course 2023 | Build an App and Master React in 1 Hour

JavaScript Mastery
JavaScript Mastery

Verified
•
•
1.6M views 2 years ago
1:09:23
1:09:23
Now playing

Redux Crash Course With React

Traversy Media
Traversy Media

Verified
•
•
818K views 6 years ago
Now playing

My 60 Minute Experiment with LOFI CHILL MUSIC Changed My Mind 🎵

Lofi Luffy Chill
Lofi Luffy Chill
•
•
1 watching

LIVE

Now playing

lofi hip hop radio 📚 beats to relax/study to

Lofi Girl
Lofi Girl

Verified
•
•
19K watching

LIVE

20:57
20:57
Now playing

GUMAWA AKO NG SARILI KONG WEB SERVER

Sebastian Curtis Lavarias
Sebastian Curtis Lavarias
•
•
31K views 1 month ago
1:00:01
1:00:01
Now playing

Find Peace with Jesus 🕊️ Lofi instrumental Christian Music MIX 🕊️ The Lofi Christian - Lofi Jesus

Lofi Jesus
Lofi Jesus
•
•
699 views 3 days ago

New

Now playing

RAINING IN JAPAN ☔ Rainy Lofi Songs To Make You Calm Down And Relax Your Mind ☔ Pluviophile Lofi

Pluviophile Lofi
Pluviophile Lofi
•
•
713 watching

LIVE

1:15:52
1:15:52
Now playing

15 Relaxing Mario Jazz Medley: Chill and Work Music! | Nintendo Game Music

癒しの音 吉直堂
癒しの音 吉直堂
•
•
2.9M views 1 year ago
10:00:01
10:00:01
Now playing

Nyan Cat 10 hours HD 1080p

TuNeoTec
TuNeoTec
•
•
7M views 10 years ago
10:00
10:00
Now playing

HEAT at HORNETS | NBA PRESEASON FULL GAME HIGHLIGHTS | October 8, 2024

NBA
NBA

Verified
•
•
14K views 1 hour ago

New

9:59
9:59
Now playing

All Of A Sudden (Tiffany Hudson & Chris Brown) | Elevation Worship

Elevation Worship
Elevation Worship

Official Artist Channel
•
•
4.8M views 6 months ago
Now playing

Daily Work Space 💻 Lofi hip hop radio 📚 [ Beats to Study / Work to / Coding beats ]

Chill Aesthetic
Chill Aesthetic
•
•
145 watching

LIVE

51:27
51:27
Now playing

Falling in Love with Web Development | Kyle Cook - @WebDevSimplified | Beyond Coding Podcast #75

Beyond Coding
Beyond Coding
•
•
106K views 1 year ago
11:20
11:20
Now playing

How to OVER Engineer a Website // What is a Tech Stack?

Fireship
Fireship

Verified
•
•
2.4M views 3 years ago
37:01
37:01
Now playing

Redux - Complete Tutorial (with Redux Toolkit)

Cosden Solutions
Cosden Solutions
•
•
219K views 11 months ago
41:06
41:06
Now playing

【和風BGM】Shamisen×Rock Music Mix/和風ロック

koyuchi 2nd
koyuchi 2nd
•
•
236K views 1 month ago
1:29:07
1:29:07
Now playing

Sunday Cleaning Coffee Club Vol. 7 | R&B, Hip Hop, Afrobeats & Pop | Playlist

Mike O'Leary
Mike O'Leary
•
•
1.5M views 2 months ago
1:16:43
1:16:43
Now playing

BOH - Malupiton: "Dati akong nagtitinda ng turon."

Ninong Ry
Ninong Ry

Verified
•
•
2.6M views 1 month ago
2x
If playback doesn't begin shortly, try restarting your device.
•
Share
An error occurred while retrieving sharing information. Please try again later.
-0:35